<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/head.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>${ecard.name}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="decorator" content="default" />
<meta name="viewport"
	content="width=device-width initial-scale=1.0  maximum-scale=1.0">

<!-- Favicon -->
<link rel="shortcut icon" href="http://2weima.hdzhx.com/ecm/images/favicon.ico">
<link rel="stylesheet" type="text/css" href="${ctxStatic}/mobile-template/ecard/${theme }/bootstrap.min.css"><!-- Style -->
<link rel="stylesheet" type="text/css" href="${ctxStatic}/mobile-template/ecard/${theme }/style.css">
<link rel="stylesheet" type="text/css" href="${ctxStatic}/mobile-template/ecard/${theme }/default.css">
<script type="text/javascript" src="${ctxStatic}/mobile-template/ecard/${theme }/jquery.min.js">
</script><script type="text/javascript" src="${ctxStatic}/mobile-template/ecard/${theme }/bootstrap.min.js"></script>
<!-- Google Fonts -->
<link href="${ctxStatic}/mobile-template/ecard/${theme }/css" rel="stylesheet" type="text/css">
<style>
.cen31{margin:5px;}
</style>
</head>

<body class="pattern1 blue home"><script src="${ctxStatic}/mobile-template/ecard/${theme }/jiathis.php" charset="utf-8"></script>
<link href="${ctxStatic}/mobile-template/ecard/${theme }/jiathis_share.css" rel="stylesheet" type="text/css">
<iframe frameborder="0" style="position: absolute; display: none; opacity: 0; max-height: 300px;">
</iframe><div class="jiathis_style" style="position: absolute; z-index: 1000000000; display: none; top: 50%; left: 50%; overflow: auto;"></div>
<div class="jiathis_style" style="position: absolute; z-index: 1000000000; display: none; overflow: auto;"></div>
<iframe frameborder="0" src="http://v3.jiathis.com/code_mini/jiathis_utility.html" style="display: none; max-height: 300px;"></iframe>
<div id="all" class="center">
	<div id="main" class=" center tab-container" data-easytabs="true">
        <!-- BEGIN HEADER -->
        <header id="header " class="blue activitytabs">
            <div id="myphoto">
                <figure>
                	<img src="${ctxFront }/ecard/${ecard.id }.jpg" style="width:160px;height:160px;"></figure>
            </div>
            <nav id="nav-global">
                <ul id="nav-global-ul">
                    <li class="nav-global-li nav-home tab active">
                    	<a href="#sec-home" title="" class="nav-global-a active">
                    	个人风采                    	</a>
                    </li>
                    <li class="nav-global-li nav-resume tab" >
                    	<a href="#sec-resume" title="" class="nav-global-a" >
							${ecard.organInfo.name }	</a>
					</li>
                    <li class="nav-global-li nav-portfolio tab"><a href="#sec-portfolio" title="" class="nav-global-a">
                    	新闻报                    </a></li>
                    <li class="nav-global-li nav-contact tab"><a href="#sec-contact" title="" class="nav-global-a">一键保存</a></li>
                </ul>
            </nav> 
        </header>
        <!-- END HEADER -->
        <!-- BEGIN CONTENT -->
    	<div id="content" class="panel-container">
             <!-- BEGIN HOME -->
            <div id="sec-home" class="active" style="display: block;">
            	<div id="title">
					<h1>${ecard.name}</h1>
					<div id="subtitle">${ecard.title}</div>
	            </div>
                <p></p><p>
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  ${ecard.description}
	</p>
                <h2>个人信息</h2>
                <div class="clearfix">
                <table class="table fl" border="0" cellspacing="0" cellpadding="0">
                  <tbody><tr>
                    <td class="td-title">姓名</td>
                    <td>${ecard.name} </td>
                  </tr>
                                    <tr>
                    <td class="td-title">部门</td>
                    <td>${ecard.department}</td>
                  </tr>
                                    <tr>
                    <td class="td-title">职位</td>
                    <td>${ecard.title}</td>
                  </tr>
                                  </tbody></table>
                <table class="table fr" border="0" cellspacing="0" cellpadding="0">
                	                  <tbody><tr>
                    <td class="td-title">手机</td>
                    <td><a href="tel:${ecard.tel}">${ecard.tel}</a></td>
                  </tr>
                                    <tr>
                    <td class="td-title">邮箱</td>
                    <td><a href="mailto:${ecard.mail}">${ecard.mail}</a></td>
                  </tr>
                                    <tr><td colspan="2">
                  	<a class="btn btn-info" href="http://2weima.hdzhx.com/EcardMembers/vcf/WjR_41">一键保存到通讯录</a>
                    <a href="http://2weima.hdzhx.com/ecm/WjR_41#myModal" role="button" class="btn" data-toggle="modal">一键分享</a>
 
<!-- Modal -->
<style>
  #myModal{width:auto;margin:0;left:10%;top:10%;}
</style>
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h5 id="myModalLabel">一键分享</h5>
  </div>
  <div class="modal-body">
    <!-- JiaThis Button BEGIN -->
<div class="jiathis_style_32x32">
  <a class="jiathis_button_qzone" title="分享到QQ空间"><span class="jiathis_txt jtico jtico_qzone"></span></a>
  <a class="jiathis_button_tsina" title="分享到新浪微博"><span class="jiathis_txt jtico jtico_tsina"></span></a>
  <a class="jiathis_button_tqq" title="分享到腾讯微博"><span class="jiathis_txt jtico jtico_tqq"></span></a>
  <a class="jiathis_button_weixin" title="分享到微信"><span class="jiathis_txt jtico jtico_weixin"></span></a>
  <a class="jiathis_button_renren" title="分享到人人网"><span class="jiathis_txt jtico jtico_renren"></span></a>
</div>
<script type="text/javascript" src="${ctxStatic}/mobile-template/ecard/${theme }/jia.js" charset="utf-8"></script>
<!-- JiaThis Button END -->
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  </div>
</div>
                  		                  	</td></tr>
                </tbody></table>
                </div>
            </div>
            <!-- END HOME -->
            
            <!-- BEGIN RESUME -->
            <div id="sec-resume" style="display: none;">
                <div id="all-resume">
                    <div class="fl">
     					<div style="float:left">
     											<div class="cen2">单位：${ecard.organInfo.name}</div>
																		<div class="cen2">电话：${ecard.organInfo.tel}</div>
																		<div class="cen2">地址：${ecard.organInfo.address}</div>
																		<div class="cen2">微博：
						<a href="http://t.qq.com/${ecard.organInfo.weibo}">${ecard.organInfo.weibo}</a>						
						</div>
																		<div class="cen2">微信：${ecard.organInfo.weixin}</div>
																		<div class="cen2">网址：
						<a href="${ecard.organInfo.site}" style="color: #F58903">${ecard.organInfo.site}</a>						</div>
											</div>
					<div style="clear:both"></div>
					<div>简介：<p>
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ${ecard.organInfo.description}
</p></div>
                    </div>
                    <div class="fr">
                       
                    </div>
                </div>
            </div>
            <!-- END RESUME -->
            
            <!-- BEGIN PORTFOLIO -->
            <div id="sec-portfolio" style="display: none;">
            					  <div class="cen33">
				    <ul>
				    
				    <c:forEach items="${ecard.organInfo.organEvents }" var="event"
					varStatus="status">
					<li class="cen31">
							<a
								href="${ctxFront }/ecard/event-${event.id}.html">${status.index +1} ${event.title }</a>
					</li>
				</c:forEach>
				    
				    
				</ul></div>  </div>
            <!-- END PORTFOLIO -->
            
            <!-- BEGIN CONTACT -->
            <div id="sec-contact" style="display: none;">
            	<a class="btn btn-info" href="http://2weima.hdzhx.com/EcardMembers/vcf/WjR_41">一键保存到通讯录</a>
            	            </div>
            <!-- END CONTACT -->
            
        </div>
    <!-- END CONTENT -->	
    </div>
</div>
<!-- JS DEFAUL FOOTER -->
<footer id="footer">
</footer>
<script type="text/javascript" src="${ctxStatic}/mobile-template/ecard/${theme }/jquery.hashchange.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/mobile-template/ecard/${theme }/jquery.easytabs.min.js"></script><script>
var $content = $("#main");
$("#activitytabs").easytabs();
// Run easytabs
$content.easytabs({
  animate           : true,
  updateHash        : false,
  transitionIn      :'slideDown',
  transitionOut     :'slideUp',
  animationSpeed    :600,
  tabs              :"> #header > #nav-global > #nav-global-ul > li",
  tabActiveClass    :'active',
});
</script>
    <div class="footer" style="width:100%">
	<p style="text-align:center">
		技术支持
		<a href="#power" onclick="$(&#39;#power&#39;).toggle()"> 邯郸智讯</a>
	</p>
	<div id="power" style="display:none;text-align:center">
		<div style="margin: 10px;">
			<div class="aboutus">
				<p>邯郸智讯</p>
				<p>客服电话：
					<a href="tel:0310-7056607">0310-7056607</a>
				</p>
				<p>客服QQ: 66587811</p>
				<p>客服邮箱: jakemnase@163.com</p>
				<p>公司地址: 邯郸市丛台区帝豪雅居B座11楼08室</p>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
    try {
        window.onload = autoSize;
        function autoSize(){
            $("img,iframe,embed").each(function(){
                if($(this).width() > $(this).parent().width() || $(this).width() > $(window).width()){
                    $(this).css('max-width',"100%");
                }
            });
            $("iframe").each(function(){
                $(this).css('max-height',$(this).width());
            })
        }
    }catch (e) {
    }
</script>
</body></html>